<!doctype html>
<html class="screen-full">
<head>
    <meta charset="utf-8">
    <title>个人中心</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link href="../css/mui.css" rel="stylesheet" />
    <link href="../css/customize.css" rel="stylesheet" />
    <link href="../css/login-modern.css" rel="stylesheet" />
    <link href="../css/newMy.css" rel="stylesheet" />
</head>
<body>
    <!-- 动态粒子背景 -->
    <div class="particles">
        <div class="particle"></div>
        <div class="particle"></div>
        <div class="particle"></div>
        <div class="particle"></div>
        <div class="particle"></div>
        <div class="particle"></div>
        <div class="particle"></div>
        <div class="particle"></div>
        <div class="particle"></div>
    </div>
    <div class="my-center-outer">
      <div class="my-center-card">
        <div class="my-center-header">
          <div class="my-center-avatar-box">
            <img src="../image/logo.png" alt="用户头像" id="avatar">
          </div>
          <div class="my-center-titlebox">
            <div class="my-center-title">个人中心</div>
            <div class="my-center-subtitle">欢迎使用智能大棚环境监测系统</div>
          </div>
        </div>
        <ul class="my-center-list">
          <li class="my-center-item" id="greenhouse"><img class="my-center-icon" src="../image/greenhouse-ico.png"/><span class="my-center-text">大棚管理</span><span class="mui-icon mui-icon-arrowright my-center-arrow"></span></li>
          <li class="my-center-item" id="monitor"><img class="my-center-icon" src="../image/monitor-ico.png"/><span class="my-center-text">监测记录</span><span class="mui-icon mui-icon-arrowright my-center-arrow"></span></li>
          <li class="my-center-item" id="alerting"><img class="my-center-icon" src="../image/alert-ico.png"/><span class="my-center-text">预警记录</span><span class="mui-icon mui-icon-arrowright my-center-arrow"></span></li>
          <li class="my-center-item" id="exhaust"><img class="my-center-icon" src="../image/alert-ico.png"/><span class="my-center-text">排风记录</span><span class="mui-icon mui-icon-arrowright my-center-arrow"></span></li>
          <li class="my-center-item" id="goDocument"><img class="my-center-icon" src="../image/person-ico.png"/><span class="my-center-text">个人信息</span><span class="mui-icon mui-icon-arrowright my-center-arrow"></span></li>
          <li class="my-center-item" id="setting"><img class="my-center-icon" src="../image/setting-ico.png"/><span class="my-center-text">设置</span><span class="mui-icon mui-icon-arrowright my-center-arrow"></span></li>
        </ul>
      </div>
    </div>
    <script src="../js/mui.js"></script>
    <script src="../js/storage.js"></script>
    <script src="../js/request.js"></script>
    <script type="text/javascript">
        // 菜单项点击事件绑定，与老代码一致
        mui("body").on("tap", "#setting", function(event) {
            mui.openWindow({
                url: 'setting.html',
                id: 'setting.html',
                createNew: false,
                show: { autoShow: true }
            });
        });
        mui("body").on("tap", "#goDocument", function(event) {
            mui.openWindow({
                url: 'myDocument.html',
                id: 'myDocument.html',
                createNew: false,
                show: { autoShow: true }
            });
        });
        mui("body").on("tap", "#greenhouse", function(event) {
            mui.openWindow({
                url: 'greenhouse.html',
                id: 'greenhouse.html',
                createNew: false,
                show: { autoShow: true }
            });
        });
        mui("body").on("tap", "#monitor", function(event) {
            mui.openWindow({
                url: 'monitor.html',
                id: 'monitor.html',
                createNew: false,
                show: { autoShow: true }
            });
        });
        mui("body").on("tap", "#alerting", function(event) {
            mui.openWindow({
                url: 'alert.html',
                id: 'alert.html',
                createNew: false,
                show: { autoShow: true }
            });
        });
        mui("body").on("tap", "#exhaust", function(event) {
            mui.openWindow({
                url: 'exhaustRecord.html',
                id: 'exhaustRecord.html',
                createNew: false,
                show: { autoShow: true }
            });
        });
    </script>
</body>
</html> 